<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<title>Informe al Hogar</title>
	<style type="text/css">
	body {
		height:100%;
		padding-left:5%;
		padding-right:5%;
		font-size: x-small;
	}
	div.padre{
		width:100%;
		height:100%;
	}
	div.encabezado{
		clear: both;
		font-weight: bold;
	}
	p.liceo{
		font-style: italic;
		font-size: large;
		color: #191970;
	}
	p.tituloSeccion{
		font-size: small;
		color: #708090;
		font-weight: bold;
	}
	div.datosEstudiante{
		font-family: "Comic Sans MS", cursive;
		font-size: x-small;
		border-style: solid;
		border-color: #191970;
		border-width: thin;
		width: 98%;
		padding-left: 2%;
	}
	
	div.cajaInforme {
		border-style: solid;
		border-color: #191970;
		border-width: thin;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 2%;
		padding-top: 2%;
	}
	
	.filaEncabezado{
		font-weight: bold;
		background-color: #B0C4DE;
	}
	.negrita{
		font-weight: bold;
	}

	</style>
</head>

<body>
	<div style="width:100%; height:100%; "> <!-- div padre -->
		<div class="encabezado"><!-- div encabezado-->
			<p class="liceo">Liceo de Escazú</p>
		</div><!-- cierra div encabezado-->
        <div>
        	<p class="tituloSeccion"> Reporte al Hogar</p>
        </div>
        <div class="datosEstudiante">
        	<div style="width: 30%; float: left; "><span style="font-weight:bold">Cédula: </span> 1-1312-0104</div>
            <div ><span style="font-weight:bold">Nombre: </span> Leonel Salazar Valverde</div>
        </div>
        <div>
        	<p class="tituloSeccion"> Reporte de Notas por Materia </p>
        </div>

        <table cellpadding="1" border="2" style="width:100%;">
            <tr class="filaEncabezado" align="center"><!-- fila encabezado -->
                <td>Nivel</td>
                <td>Sección</td>
                <td>Materia</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>Nota Anual</td>
                <td>Nota Final</td>
                <td>Estado</td>
            </tr> <!-- fin fila encabezado -->
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Matemáticas</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Ciencias</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>98</td>
                <td>Aprobado</td>
            </tr>
        </table>
        
        <div>
        	<p class="tituloSeccion"> Reporte de Asistencia </p>
        </div>

        <table cellpadding="1" border="2" style="width:45%; ">
            <tr class="filaEncabezado" align="center"><!-- fila encabezado -->
                <td>Tipo de Ausencia</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr> <!-- fin fila encabezado -->
            <tr align="center">
                <td class="negrita">Tardías</td>
                <td>2</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr align="center">
                <td class="negrita">Escapadas</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
            </tr>
            <tr align="center">
                <td class="negrita">Aus. Justificadas</td>
                <td>0</td>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr align="center">
                <td class="negrita">Aus. Injustificadas</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
            </tr>
        </table>

        <div>
        	<p class="tituloSeccion"> Materias Aplazadas </p>
        </div>
        	
        <table cellpadding="1" border="2" style="width:100%">
            <tr class="filaEncabezado" align="center"><!-- fila encabezado -->
                <td>Nivel</td>
                <td>Sección</td>
                <td>Materia</td>
                <td>Nota Conv. 1</td>
                <td>Estado</td>
                <td>Nota Conv. 2</td>
                <td>Estado</td>
            </tr> <!-- fin fila encabezado -->
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Español</td>
                <td>60</td>
                <td>Reprobado</td>
                <td>78</td>
                <td>Aprobado</td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Estudios Sociales</td>
                <td>80</td>
                <td>Aprobado</td>
                <td> </td>
                <td> </td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Estudios Sociales</td>
                <td>80</td>
                <td>Aprobado</td>
                <td> </td>
                <td> </td>
            </tr>
            <tr align="center">
                <td>10</td>
                <td>3</td>
                <td>Estudios Sociales</td>
                <td>80</td>
                <td>Aprobado</td>
                <td> </td>
                <td> </td>
            </tr>
        </table>
        <br/>
		<div class="datosEstudiante">
        	<p> <span style="font-weight:bold">Fecha: </span> 12/06/2009</p>
            <p> <span style="font-weight:bold">Director(a): </span> ____________________________________________</p>
            <p> <span style="font-weight:bold">Firma Responsable: </span> ____________________________________________</p>
        </div>
	</div><!-- Cierra div padre -->
	
</body>

</html>